//当添加分类表单发生提交行为时
$('#addCategory').on('submit', function() {
    var formData = $(this).serialize();
    //向服务器端发送请求，添加分类
    $.ajax({
        type: 'post',
        url:'/categories',
        data: formData,
        success: function() {
            location.reload();
        } 
    })
    return false;
})

//发送ajax请求，向服务器端所有分类列表数据
$.ajax({
    type:'get',
    url:'/categories',
    success: function(response) {
        // console.log(response);
        var html = template('categoryListTpl', {data:response})
        // console.log(html);
        $('#categoryBox').html(html);
    }
})

//为编辑按钮添加点击事件
$('#categoryBox').on('click', '.edit', function() {
    var id = $(this).attr('data-id')
    //根据id获取分类数据的详细信息
    $.ajax({
        type: 'get',
        url: '/categories/' + id,
        success: function(response) {
            console.log(response) 
            var html = template('modifyCategoryTpl', response)
            $('#formBox').html(html);
        }
    })
})
//当修改分类数据表单提交行为的时候
$('#formBox').on('submit', '#modifyCategory', function() {
    //获取管理员在表单中输入的内容
    var formData = $(this).serialize();
    var id = $(this).attr('data-id');
    console.log(id);
    $.ajax({
        type: 'put',
        url: '/categories/' + id,
        data: formData,
        success: function() {
            // console.log(id);
            // location.reload();
        }
    })
    return false;
})

//对列表进行删除操作
$('#categoryBox').on('click', '.delete', function() {
    if(confirm('确定要删除操作吗')) {
        var id = $(this).attr('data-id');
        $.ajax({
            type: 'delete',
            url: '/categories/' + id,
            success: function() {
                location.reload();
            }
        })
    }
})
